<template>
    <div>
        <tabbar v-model="active">
            <tabbar-item icon="home" url="#/mall">首页</tabbar-item>
            <tabbar-item icon="shop" url="#/cate">分类</tabbar-item>
            <tabbar-item icon="cart" url="#/shoppingcart">购物车</tabbar-item>
            <tabbar-item icon="contact" url="#/user">我的</tabbar-item>
        </tabbar>
    </div>
</template>
<script>
    import { Tabbar, TabbarItem } from 'vant';
    export default {
        data(){
            return {
                active: this.num,
            }
        },
        props:['num'],
        components:{
            Tabbar,TabbarItem
        }
    }
</script>
